<template>
  <div>
    <!--  背景-->
    <div class="background"></div>
    <!--  返回-->
    <div class="back"><van-nav-bar
        title="小小笑话"
        left-text="返回"
        left-arrow
        @click-left="goLeft"
    /></div>
    <!--  检索内容显示-->
    <ul >
      <li v-for="(item,index) in list" :key="index">
        <div class="content" v-html="item.content"></div>
      </li>
    </ul>
  </div>
</template>

<script>
import {joke} from "@/api/expand";

export default {
  name: "OpenDream",
  data(){
    return {
      list:[],
      kayWord:'',
      isPlay:true
    }
  },
  created() {
    joke().then(res=>{
      console.log(res)
      this.list=res.result.list
    })
  },
  methods: {
    goLeft(){
      window.history.go(-1)
    },
  },


}
</script>

<style scoped lang="less">
//背景
.background {
  background-image: url("../assets/images/joke.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
}
ul {
  margin: 0 10px 50px;
  .content {
    text-indent: 2em;
    margin: 15px 0;
  }
}
</style>